//counterStore.js
import { makeAutoObservable,  makeObservable, action , observable} from 'mobx'
 
class CounterStore {
 
  constructor() {
       makeAutoObservable(this)  // 响应式处理 当状态更改时， observer 通知react去更新视图
     
      makeObservable(this, {
         count: observable, //标记为属性
         addCount: action, //标记为方法
         decCount: action, //标记为方法
      })
      this. count = 0 // 定义状态属性
 
  }
  // 定义修改数据的方法
  addCount = () => {
    this.count++
  }
  decCount(){
    this.count--
  }
}
 
const counter = new CounterStore()
export default counter